<html>
<head>
<link href="styles/css/barra/barras.css" rel="stylesheet" type="text/css" />
<script src="scripts/js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">

var com = <?php echo $com?>;
var mec = <?php echo $mec?>;
var phy = <?php echo $phy?>;
var log = <?php echo $log?>;
var man = <?php echo $man?>;
var act = <?php echo $act?>;
var cre = <?php echo $cre?>;
var fat = <?php echo $fat?>;

$(document).ready(function(){
	var mul = 30;

       $(".com").filter(':not(:animated)').animate({width:com * 2 + '%'},{duration:com * mul});
       $(".mec").filter(':not(:animated)').animate({width:mec * 2 + '%'},{duration:mec * mul});
       $(".phy").filter(':not(:animated)').animate({width:phy * 2 + '%'},{duration:phy * mul});
	   $(".log").filter(':not(:animated)').animate({width:log * 2 + '%'},{duration:log * mul});
	   $(".man").filter(':not(:animated)').animate({width:man * 2 + '%'},{duration:man * mul});
	   $(".act").filter(':not(:animated)').animate({width:act * 2 + '%'},{duration:act * mul});
	   $(".cre").filter(':not(:animated)').animate({width:cre * 2 + '%'},{duration:cre * mul});
	   $(".fat").filter(':not(:animated)').animate({width:fat * 2 + '%'},{duration:fat * mul});
});
</script>

<script type="text/javascript" src="scripts/js/menu/interface.js"></script>
<link href="styles/css/menu/menu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	$(document).ready(
		function() {
			$('#dock2').Fisheye( {
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 40,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
			} )
		}
	);
</script>

<link rel="stylesheet" type="text/css" href="styles/theme/skin/formate.css">
<link rel="stylesheet" type="text/css" href="styles/css/ingame.css">
<link rel="stylesheet" type="text/css" href="styles/css/admin.css">
</head>

<body>
<?php include("styles/html/home/topnav.php"); ?>
<table width="90%">
   <tr>
       <th colspan="3"><?php get_string("home", "info") ?></th>
   </tr>
   <tr>
       <td width="34%" height="50%">
 	   <div style="background-image: url(styles/images/home/card.png);background-repeat:no-repeat;height:100%;witdh:100%;margin:0pxauto;position:relative;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius:10px;">
               <div style="height:100px;position:relative;"><b><font size="2"><?php get_string("home", "card") ?></font></b><br><br>
               <div style="left:18px;position:relative;float:left;"><img class="rounded_img" width="80" height="80" src="<?php echo $img?>"></div>
               <div style="float:center;">
               <table>
   		   <tr>
       		       <td class="transparent"><div align="left"><b><?php get_string("home", "name") ?></b></div></td>
				   <td class="transparent"><?php echo $user?></td>
				   </tr>
				   <tr>
                   <td class="transparent"><div align="left"><b><?php get_string("home", "citizenship") ?></b></div></td>
				   <td class="transparent"><?php get_string("countries", $citizenship)?></td>
				   </tr>
				   <tr>
                   <td class="transparent"><div align="left"><b><?php get_string("home", "residence") ?></b></div></td>
				   <td class="transparent"><?php get_string("countries", $residence)?></td>
   		   </tr>
		</table>
	   	</div>
            </div>
       </td>
       <td width="28%">
           <table width="90%">
               <tr>
                   <th colspan="4"><?php get_string("home", "skills") ?></th>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "com") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas com" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $com?>%</span></div>
                           </div>
		       </div>
		   </td>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "mec") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas mec" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $mec?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "log") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas log" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $log?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "phy") ?></b></td>
                   <td>
                      <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas phy" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $phy?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "man") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas man" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $man?>%</span></div>
                           </div>
		       </div>
               	   </td>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "cre") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas cre" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $cre?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
			   <tr>
                   <td><b><?php get_string("home", "act") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas act" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span id="act"><?php echo $act?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
			   <tr>
                   <td><b><?php get_string("home", "fat") ?></b></td>
                   <td>
                       <div id="contenedor">
                           <div id="animacion">
			       <div class="colores_y_demas fat" style="background-image: url('styles/images/bar/new.jpg'); height:10px;"><span><?php echo $fat?>%</span></div>
                           </div>
		       </div>
                   </td>
               </tr>
           </table>
       </td>
       <td width="28%">
            <table width="90%">
               <tr>
                   <th colspan="4"><?php get_string("home", "economy") ?></th>
               </tr>
               <tr>
                   <td><b><?php get_string("home", "job") ?></b></td>
                   <td>-</td>
               </tr>
               <tr>
                   <td rowspan="3" width="50%"><b><?php get_string("home", "supp_contract") ?></b></td>
                   <td><font color="<?php if ($water == NULL) echo "red"; else echo "green"?>"><?php get_string("home", "water") ?></td>
               </tr>
               <tr>
                   <td><font color="<?php if ($electricity == NULL) echo "red"; else echo "green"?>"><?php get_string("home", "electricity") ?></td>
               </tr>
               <tr>
                   <td><font color="<?php if ($gas == NULL) echo "red"; else echo "green"?>"><?php get_string("home", "gas") ?></td>
               </tr>
               <tr>
                   <td><b></b></td>
                   <td>-</td>
               </tr>
           </table>
           <br>
           <table width="90%">
               <tr>
                   <th colspan="4"><?php get_string("home", "properties") ?></th>
               </tr>
               <tr>
                   <td width="75%"><?php get_string("home", "houses") ?></td>
                   <td>-</td>
               </tr>
               <tr>
                   <td><?php get_string("home", "companies") ?></td>
                   <td>-</td>
               </tr>
               <tr>
                   <td><?php get_string("home", "patents") ?></td>
                   <td>-</td>
               </tr>
           </table>
       </td>
    </tr>
</table>

<?php include("styles/html/menu/menu.php"); ?>

</body>
</html>
